<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="keywords" content="胖唐 游戏"/>
		<meta name="description" content="游戏网站"/>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<div class="web">
			<!--我来组成头部！-->
			<header class="clearfix">
				<div class="logo">
					<a href="#"><img src="img/logo.jpg" alt="" /></a>
				</div>
				<ul class="nav">
					<li class="active">
						<div><a href="#">首页</a></div>
						<p>home</p>
					</li>
					<li>
						<div><a href="#">游戏</a></div>
						<p>game</p>
					</li>
					<li>
						<div><a href="#">案例</a></div>
						<p>Case</p>
					</li>
					<li>
						<div><a href="#">关于我们</a></div>
						<p>About us</p>
					</li>
					<li>
						<a href="#"><img src="img/wechat_03.jpg"/></a>
					</li>
				</ul>
			</header>
			<!--kv部分-->
			<div class="kv">
				<ul class="pic">
					<li class="display"><img src="img/lunbo.jpg" alt="" /></li>
					<li class="display_none"><img src="img/kv2.jpg" alt="" /></li>
					<li class="display_none"><img src="img/kv3.jpg" alt="" /></li>
				</ul>
				<ul class="circle">
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="main">
				<!--步骤-->
				<div class="wrap step_w">
					<img src="img/mogu.png" alt="" />
					<img src="img/handle.png" alt="" />
					<div class="step">
						<div>
							<div><img src="img/phone_logo.jpg" alt="" /></div>
							<h3>STEP ONE</h3>
							<p>选择一个游戏，换图</p>
						</div>
						<img src="img/gt_14.jpg" alt="" />
						<div>
							<div><img src="img/carmera.jpg" alt="" /></div>
							<h3>THE SECOND STEP</h3>
							<p>选择一个游戏，换图</p>
						</div>
						<img src="img/gt_14.jpg" alt="" />
						<div>
							<div><img src="img/phone.jpg" alt="" /></div>
							<h3>THE THIRD STEP</h3>
							<p>选择一个游戏，换图</p>
						</div>
					</div>
				</div>
				<!--狂转游戏-->
				<div class="wrap turn_w">
					<img src="img/jiantou.jpg" alt="" />
					<img src="img/eat_bean.jpg" alt="" />
					<div class="turn">
						<div class="title">
							<h1>狂转游戏</h1>
							<p>潮流趣味游戏，引发全民G点，疯狂转发。<br>
还不马上购买，植入你要传播的产品？</p>
							<p><span>Turn</span> mad game</p>
						</div>
						<div>
							<h3>圣剑传奇</h3>
							<p>2014-07-19</p>
							<p>使用次数20</p>
							<div class="line"></div>
							<div class="imgfix">
								<img src="img/display01.jpg" alt="" />
							</div>
							<a href="#">购买</a>
							<img src="img/star.png" alt="" />
						</div>
						<div>
							<h3>PLANGE LUC</h3>
							<p>2014-07-19</p>
							<p>使用次数20</p>
							<div class="line"></div>
							<div class="imgfix">
								<img src="img/display02.jpg" alt="" />
							</div>
							<a href="#">购买</a>
							<img src="img/star.png" alt="" />
						</div>
						<div>
							<h3>地狱边境</h3>
							<p>2014-07-19</p>
							<p>使用次数20</p>
							<div class="line"></div>
							<div class="imgfix">
								<img src="img/display03.jpg" alt="" />
							</div>
							<a href="#">购买</a>
							<img src="img/star.png" alt="" />
						</div>
					</div>
				</div>
				<!--抽奖游戏-->
				<div class="wrap lottery_w">
					<img src="img/ghost.jpg" alt="" />
					<div class="turn">
						<div class="title">
							<h1>抽奖游戏</h1>
							<p>形式各样抽奖游戏，引发全民尖叫，惊喜不断。<br>
还不马上购买，植入你要传播的产品？</p>
							<p><span>Lottery</span> game</p>
						</div>
						<div>
							<h3>功夫西游</h3>
							<p>2014-07-19</p>
							<p>使用次数20</p>
							<div class="line"></div>
							<div class="imgfix">
								<img src="img/display04.jpg" alt="" />
							</div>
							<a href="#">购买</a>
							<img src="img/star.png" alt="" />
						</div>
						<div>
							<h3>宝石迷阵</h3>
							<p>2014-07-19</p>
							<p>使用次数20</p>
							<div class="line"></div>
							<div class="imgfix">
								<img src="img/display05.jpg" alt="" />
							</div>
							<a href="#">购买</a>
							<img src="img/star.png" alt="" />
						</div>
						<div>
							<h3>植物大战僵尸</h3>
							<p>2014-07-19</p>
							<p>使用次数20</p>
							<div class="line"></div>
							<div class="imgfix">
								<img src="img/display06.jpg" alt="" />
							</div>
							<a href="#">购买</a>
							<img src="img/star.png" alt="" />
						</div>
					</div>
				</div>
				<!--经典案例分享-->
				<div class="wrap classic_wrap">
					<img src="img/photo.jpg" alt="" />
					<div class="classic">
						<div class="title ">
							<h1>经典案例分享</h1>
							<p>
								大家对胖糖的信赖，<br>
								来源于其产品与需求巧妙结合的经典营销效果。
							</p>
							<p><span>Lottery</span> game</p>
						</div>
						<div>
							<div class="left">
								<div><img src="img/nanhang.jpg" alt="" /></div>
								<div>
									<div class="line2"></div>
									<h2>24</h2>
									<p class="month">october</p>
								</div>
								<div>
									<img src="img/star.png" alt="" />
								</div>
							</div>
							<div class="middle">
								<h3>南方航空</h3>
								<p>飞行挑战赛</p>
								<p>2014年5月14日--5月27日</p>
								<p>扫码关注微信参加飞行挑战赛并抽奖
即有机会赢取丰厚奖品</p>
							</div>
							<div class="right">
								<img src="img/display07.jpg" alt="" />
							</div>
						</div>
						<div>
							<div class="left">
								<div><img src="img/nanhang.jpg" alt="" /></div>
								<div>
									<div class="line2"></div>
									<h2>24</h2>
									<p class="month">october</p>
								</div>
								<div>
									<img src="img/star.png" alt="" />
								</div>
							</div>
							<div class="middle">
								<h3>南方航空</h3>
								<p>飞行挑战赛</p>
								<p>2014年5月14日--5月27日</p>
								<p>扫码关注微信参加飞行挑战赛并抽奖
即有机会赢取丰厚奖品</p>
							</div>
							<div class="right">
								<img src="img/display07.jpg" alt="" />
							</div>
						</div>
						<div>
							<div class="left">
								<div><img src="img/nanhang.jpg" alt="" /></div>
								<div>
									<div class="line2"></div>
									<h2>24</h2>
									<p class="month">october</p>
								</div>
								<div>
									<img src="img/star.png" alt="" />
								</div>
							</div>
							<div class="middle">
								<h3>南方航空</h3>
								<p>飞行挑战赛</p>
								<p>2014年5月14日--5月27日</p>
								<p>扫码关注微信参加飞行挑战赛并抽奖
即有机会赢取丰厚奖品</p>
							</div>
							<div class="right">
								<img src="img/display07.jpg" alt="" />
							</div>
						</div>
						<div>
							<div class="left">
								<div><img src="img/nanhang.jpg" alt="" /></div>
								<div>
									<div class="line2"></div>
									<h2>24</h2>
									<p class="month">october</p>
								</div>
								<div>
									<img src="img/star.png" alt="" />
								</div>
							</div>
							<div class="middle">
								<h3>南方航空</h3>
								<p>飞行挑战赛</p>
								<p>2014年5月14日--5月27日</p>
								<p>扫码关注微信参加飞行挑战赛并抽奖
即有机会赢取丰厚奖品</p>
							</div>
							<div class="right">
								<img src="img/display07.jpg" alt="" />
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--我来组成脚步-->
			<footer>
				<img class="footer_l" src="img/ta.png" alt="" />
				<p>Copyright &copy; 2014 Pangtang. All Rights Reserved. 版权所有</p>
				<img class="footer_r" src="img/microphone.png" alt="" />
			</footer>
		</div>
	</body>
</html>
